<html>
<head>
<title>pageOne.ets</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.s0 { color: #a9b7c6;}
.s1 { color: #faa23d;}
.s2 { color: #aa7dfc;}
.s3 { color: #e2da90;}
.s4 { color: #b3e54c;}
.s5 { color: #bbb529;}
.s6 { color: #db7e9b;}
.s7 { color: #808080;}
</style>
</head>
<body bgcolor="#2b2b2b">
<table CELLSPACING=0 CELLPADDING=5 COLS=1 WIDTH="100%" BGCOLOR="#606060" >
<tr><td><center>
<font face="Arial, Helvetica" color="#000000">
pageOne.ets</font>
</center></td></tr></table>
<pre><span class="s0">import </span><span class="s1">{ </span><span class="s0">router </span><span class="s1">} </span><span class="s0">from </span><span class="s2">'@kit.ArkUI'</span>
<span class="s0">import </span><span class="s1">{ </span><span class="s0">http </span><span class="s1">} </span><span class="s0">from </span><span class="s2">'@kit.NetworkKit'</span>
<span class="s0">import </span><span class="s1">{ </span><span class="s0">BusinessError </span><span class="s1">} </span><span class="s0">from </span><span class="s2">'@kit.BasicServicesKit'</span>
<span class="s0">import </span><span class="s1">{ </span><span class="s0">it </span><span class="s1">} </span><span class="s0">from </span><span class="s2">'@ohos/hypium'</span>
<span class="s0">import </span><span class="s1">{ </span><span class="s0">user </span><span class="s1">} </span><span class="s0">from </span><span class="s2">'./user'</span>

<span class="s0">export class  Users</span><span class="s1">{</span>
  <span class="s0">userId</span><span class="s3">:</span><span class="s0">number </span><span class="s3">=</span><span class="s4">0</span>
  <span class="s0">userImg</span><span class="s3">:</span><span class="s0">string</span><span class="s3">=</span><span class="s2">&quot;&quot;</span>
  <span class="s0">userName</span><span class="s3">:</span><span class="s0">string</span><span class="s3">=</span><span class="s2">&quot;&quot;</span>
<span class="s1">}</span>
<span class="s0">interface userContent</span><span class="s1">{</span>
  <span class="s0">userId</span><span class="s3">:</span><span class="s0">number</span>
  <span class="s0">content</span><span class="s3">:</span><span class="s0">string</span>
<span class="s1">}</span>

<span class="s0">interface data</span><span class="s1">{</span>
  <span class="s0">img</span><span class="s3">:</span><span class="s0">string</span>
  <span class="s0">information</span><span class="s3">:</span><span class="s0">string</span>
<span class="s1">}</span>

<span class="s5">@</span><span class="s0">Entry</span>
<span class="s5">@</span><span class="s0">Component</span>
<span class="s0">struct pageOne</span><span class="s1">{</span>
  <span class="s5">@</span><span class="s0">Consume</span>
  <span class="s0">stackPath</span><span class="s3">: </span><span class="s0">NavPathStack</span>
  <span class="s5">@</span><span class="s0">State userId</span><span class="s3">:</span><span class="s0">number</span><span class="s3">=-</span><span class="s4">1</span><span class="s3">;</span>
  <span class="s5">@</span><span class="s0">State arr</span><span class="s3">:</span><span class="s0">Users </span><span class="s3">=</span><span class="s0">new Users</span><span class="s6">()</span>
  <span class="s5">@</span><span class="s0">State arr1</span><span class="s3">:</span><span class="s0">Array</span><span class="s3">&lt;</span><span class="s0">userContent</span><span class="s3">&gt; =</span><span class="s6">[]</span>
  <span class="s5">@</span><span class="s0">State arr2</span><span class="s3">:</span><span class="s0">Array</span><span class="s3">&lt;</span><span class="s0">data</span><span class="s3">&gt; = </span><span class="s6">[]</span>
  <span class="s5">@</span><span class="s0">State message</span><span class="s3">:</span><span class="s0">string</span><span class="s3">=</span><span class="s2">&quot;&quot;</span>
  <span class="s5">@</span><span class="s0">State bool</span><span class="s3">:</span><span class="s0">Boolean</span><span class="s3">=</span><span class="s0">false</span>

  <span class="s0">aboutToAppear</span><span class="s6">()</span><span class="s3">: </span><span class="s0">void </span><span class="s1">{</span>

    <span class="s0">this</span><span class="s3">.</span><span class="s0">userId</span><span class="s3">=</span><span class="s0">this</span><span class="s3">.</span><span class="s0">stackPath</span><span class="s3">.</span><span class="s0">getParamByIndex</span><span class="s6">(</span><span class="s4">0</span><span class="s6">) </span><span class="s0">as number</span>
    <span class="s0">this</span><span class="s3">.</span><span class="s0">search</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">userId</span><span class="s6">)</span><span class="s3">;</span>
    <span class="s0">this</span><span class="s3">.</span><span class="s0">search2</span><span class="s6">()</span>

    <span class="s0">this</span><span class="s3">.</span><span class="s0">arr2 </span><span class="s3">= </span><span class="s6">[</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'dazhaohu.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'打招呼' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'bigexin.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'比个心' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'AI.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'AI合照' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'shipingtonghua.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'视屏通话' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'yituhuantu.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'以图换图' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'jiaohuanweizhi.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'交换位置' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'yiqiwan.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'一起玩' </span><span class="s1">}</span><span class="s3">,</span>
      <span class="s1">{ </span><span class="s0">img</span><span class="s3">: </span><span class="s2">'paicike.jpg'</span><span class="s3">, </span><span class="s0">information</span><span class="s3">: </span><span class="s2">'拍此刻' </span><span class="s1">}</span>
    <span class="s6">]</span><span class="s3">;</span>
  <span class="s1">}</span>

  <span class="s0">search</span><span class="s6">(</span><span class="s0">id</span><span class="s3">:</span><span class="s0">number</span><span class="s6">) </span><span class="s1">{</span>
    <span class="s0">let Request </span><span class="s3">= </span><span class="s0">http</span><span class="s3">.</span><span class="s0">createHttp</span><span class="s6">()</span>
    <span class="s0">Request</span><span class="s3">.</span><span class="s0">request</span><span class="s6">(</span><span class="s2">&quot;http://192.168.143.7:8080/DouYin/condition?userId=&quot;</span><span class="s3">+</span><span class="s0">id</span><span class="s3">+</span><span class="s2">&quot;&quot;</span><span class="s3">, </span><span class="s6">(</span><span class="s0">err</span><span class="s3">: </span><span class="s0">BusinessError</span><span class="s3">, </span><span class="s0">data</span><span class="s3">: </span><span class="s0">http</span><span class="s3">.</span><span class="s0">HttpResponse</span><span class="s6">) </span><span class="s3">=&gt; </span><span class="s1">{</span>
      <span class="s0">if </span><span class="s6">(</span><span class="s3">!</span><span class="s0">err</span><span class="s6">) </span><span class="s1">{</span>
        <span class="s0">this</span><span class="s3">.</span><span class="s0">arr </span><span class="s3">= </span><span class="s0">JSON</span><span class="s3">.</span><span class="s0">parse</span><span class="s6">(</span><span class="s0">data</span><span class="s3">.</span><span class="s0">result</span><span class="s3">.</span><span class="s0">toString</span><span class="s6">()) </span><span class="s0">as Users</span>
        <span class="s0">console</span><span class="s3">.</span><span class="s0">log</span><span class="s6">(</span><span class="s2">&quot;users:&quot;</span><span class="s3">+ </span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr</span><span class="s3">.</span><span class="s0">userName</span><span class="s6">)</span>
      <span class="s1">} </span><span class="s0">else</span>
        <span class="s0">console</span><span class="s3">.</span><span class="s0">log</span><span class="s6">(</span><span class="s0">err</span><span class="s3">.</span><span class="s0">message</span><span class="s6">)</span><span class="s3">;</span>
    <span class="s1">}</span><span class="s6">)</span>
  <span class="s1">}</span>

  <span class="s0">search2</span><span class="s6">() </span><span class="s1">{</span>
    <span class="s0">let Request </span><span class="s3">= </span><span class="s0">http</span><span class="s3">.</span><span class="s0">createHttp</span><span class="s6">()</span>
    <span class="s0">Request</span><span class="s3">.</span><span class="s0">request</span><span class="s6">(</span><span class="s2">&quot;http://192.168.143.7:8080/DouYin/userContent?userId=&quot;</span><span class="s3">+</span><span class="s0">this</span><span class="s3">.</span><span class="s0">userId</span><span class="s3">.</span><span class="s0">toString</span><span class="s6">()</span><span class="s3">+</span><span class="s2">&quot;&quot;</span><span class="s3">, </span><span class="s6">(</span><span class="s0">err</span><span class="s3">: </span><span class="s0">BusinessError</span><span class="s3">, </span><span class="s0">data</span><span class="s3">: </span><span class="s0">http</span><span class="s3">.</span><span class="s0">HttpResponse</span><span class="s6">) </span><span class="s3">=&gt; </span><span class="s1">{</span>
      <span class="s0">if </span><span class="s6">(</span><span class="s3">!</span><span class="s0">err</span><span class="s6">) </span><span class="s1">{</span>
        <span class="s0">this</span><span class="s3">.</span><span class="s0">arr1 </span><span class="s3">= </span><span class="s0">JSON</span><span class="s3">.</span><span class="s0">parse</span><span class="s6">(</span><span class="s0">data</span><span class="s3">.</span><span class="s0">result</span><span class="s3">.</span><span class="s0">toString</span><span class="s6">()) </span><span class="s0">as Array</span><span class="s3">&lt;</span><span class="s0">userContent</span><span class="s3">&gt;</span>
      <span class="s1">} </span><span class="s0">else</span>
        <span class="s0">console</span><span class="s3">.</span><span class="s0">log</span><span class="s6">(</span><span class="s0">err</span><span class="s3">.</span><span class="s0">message</span><span class="s6">)</span><span class="s3">;</span>
    <span class="s1">}</span><span class="s6">)</span>
  <span class="s1">}</span>




  <span class="s0">build</span><span class="s6">() </span><span class="s1">{</span>
    <span class="s0">NavDestination</span><span class="s6">()</span><span class="s1">{</span>
      <span class="s0">Column</span><span class="s6">()</span><span class="s1">{</span>
        <span class="s0">Row</span><span class="s6">(</span><span class="s1">{</span><span class="s0">space</span><span class="s3">:</span><span class="s4">12</span><span class="s1">}</span><span class="s6">)</span><span class="s1">{</span>
          <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s2">&quot;zuojiantou.png&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">20</span><span class="s6">)</span><span class="s3">.</span><span class="s0">onClick</span><span class="s6">(()</span><span class="s3">=&gt;</span><span class="s1">{</span><span class="s0">this</span><span class="s3">.</span><span class="s0">stackPath</span><span class="s3">.</span><span class="s0">pop</span><span class="s6">()</span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{</span><span class="s0">left</span><span class="s3">:</span><span class="s4">5</span><span class="s1">}</span><span class="s6">)</span>
          <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr</span><span class="s3">.</span><span class="s0">userImg</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">40</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">40</span><span class="s6">)</span>
          <span class="s0">Text</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr</span><span class="s3">.</span><span class="s0">userName</span><span class="s6">)</span>
          <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s2">&quot;shipingtonghua1.png&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{</span><span class="s0">left</span><span class="s3">:</span><span class="s2">&quot;45%&quot;</span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">25</span><span class="s6">)</span>
          <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s2">&quot;sangedian.png&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">25</span><span class="s6">)</span>
        <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{</span><span class="s0">top</span><span class="s3">:</span><span class="s4">15</span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;5%&quot;</span><span class="s6">)</span>
        <span class="s0">Column</span><span class="s6">() </span><span class="s1">{</span>
          <span class="s0">List</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">space</span><span class="s3">: </span><span class="s4">10 </span><span class="s1">}</span><span class="s6">) </span><span class="s1">{</span>
            <span class="s7">// Column() {</span>
            <span class="s7">//   Row({ space: 15 }) {</span>
            <span class="s7">//     Image($rawfile(this.arr.userImg)).width(35).borderRadius(40)</span>
            <span class="s7">//     Text(&quot;出来喝酒&quot;).backgroundColor(&quot;#F3F3F3&quot;).height(&quot;6%&quot;).padding(5).borderRadius(10)</span>
            <span class="s7">//   }.width(&quot;95%&quot;)</span>
            <span class="s7">//</span>
            <span class="s7">//   Row({ space: 15 }) {</span>
            <span class="s7">//     Text(&quot;不去&quot;).backgroundColor(&quot;#F3F3F3&quot;).height(&quot;6%&quot;).padding(5).borderRadius(10)</span>
            <span class="s7">//     Image($rawfile(&quot;7.jpg&quot;)).width(35).borderRadius(40)</span>
            <span class="s7">//   }.width(&quot;97%&quot;).justifyContent(FlexAlign.End)</span>
            <span class="s7">//</span>
            <span class="s7">//   Row({ space: 15 }) {</span>
            <span class="s7">//     Image($rawfile(this.arr.userImg)).width(35).borderRadius(40)</span>
            <span class="s7">//     Text(&quot;有妹子&quot;).backgroundColor(&quot;#F3F3F3&quot;).height(&quot;6%&quot;).padding(5).borderRadius(10)</span>
            <span class="s7">//   }.width(&quot;95%&quot;)</span>
            <span class="s7">// }</span>
            <span class="s0">ForEach</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr1</span><span class="s3">, </span><span class="s6">(</span><span class="s0">item</span><span class="s3">: </span><span class="s0">userContent</span><span class="s6">) </span><span class="s3">=&gt; </span><span class="s1">{</span>
              <span class="s0">ListItem</span><span class="s6">() </span><span class="s1">{</span>
                <span class="s0">if </span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">userId </span><span class="s3">== </span><span class="s0">this</span><span class="s3">.</span><span class="s0">userId</span><span class="s6">) </span><span class="s1">{</span>
                  <span class="s0">Row</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">space</span><span class="s3">: </span><span class="s4">15 </span><span class="s1">}</span><span class="s6">) </span><span class="s1">{</span>
                    <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr</span><span class="s3">.</span><span class="s0">userImg</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">35</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">40</span><span class="s6">)</span>
                    <span class="s0">Text</span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">content</span><span class="s6">)</span><span class="s3">.</span><span class="s0">backgroundColor</span><span class="s6">(</span><span class="s2">&quot;#F3F3F3&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;6%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">padding</span><span class="s6">(</span><span class="s4">5</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">10</span><span class="s6">)</span>
                  <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span>
                <span class="s1">} </span><span class="s0">else if </span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">userId </span><span class="s3">== </span><span class="s4">0</span><span class="s6">) </span><span class="s1">{</span>
                  <span class="s0">Row</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">space</span><span class="s3">: </span><span class="s4">15 </span><span class="s1">}</span><span class="s6">) </span><span class="s1">{</span>
                    <span class="s0">Text</span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">content</span><span class="s6">)</span><span class="s3">.</span><span class="s0">backgroundColor</span><span class="s6">(</span><span class="s2">&quot;#F3F3F3&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;6%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">padding</span><span class="s6">(</span><span class="s4">5</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">10</span><span class="s6">)</span>
                    <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s2">&quot;0.jpg&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">35</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">40</span><span class="s6">)</span>
                  <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">justifyContent</span><span class="s6">(</span><span class="s0">FlexAlign</span><span class="s3">.</span><span class="s0">End</span><span class="s6">)</span>
                <span class="s1">}</span>
              <span class="s1">}</span>
            <span class="s1">}</span><span class="s6">)</span>
          <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">) </span><span class="s3">.</span><span class="s0">scrollBar</span><span class="s6">(</span><span class="s0">BarState</span><span class="s3">.</span><span class="s0">Off</span><span class="s6">)</span>
        <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;90%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{</span><span class="s0">top</span><span class="s3">:</span><span class="s4">15</span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;73%&quot;</span><span class="s6">)</span>
        <span class="s0">Column</span><span class="s6">(</span><span class="s1">{</span><span class="s0">space</span><span class="s3">:</span><span class="s4">15</span><span class="s1">}</span><span class="s6">) </span><span class="s1">{</span>
          <span class="s0">List</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">space</span><span class="s3">: </span><span class="s4">15 </span><span class="s1">}</span><span class="s6">) </span><span class="s1">{</span>
            <span class="s0">ForEach</span><span class="s6">(</span><span class="s0">this</span><span class="s3">.</span><span class="s0">arr2</span><span class="s3">, </span><span class="s6">(</span><span class="s0">item</span><span class="s3">: </span><span class="s0">data</span><span class="s6">) </span><span class="s3">=&gt; </span><span class="s1">{</span>
              <span class="s0">ListItem</span><span class="s6">() </span><span class="s1">{</span>
                <span class="s0">Row</span><span class="s6">() </span><span class="s1">{</span>
                  <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">img</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">35</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span>
                  <span class="s0">Text</span><span class="s6">(</span><span class="s0">item</span><span class="s3">.</span><span class="s0">information</span><span class="s6">)</span><span class="s3">.</span><span class="s0">fontSize</span><span class="s6">(</span><span class="s4">12</span><span class="s6">)</span>
                <span class="s1">}</span><span class="s3">.</span><span class="s0">backgroundColor</span><span class="s6">(</span><span class="s2">&quot;#F3F3F3&quot;</span><span class="s6">)</span>
                <span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span>
                <span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span>
                <span class="s3">.</span><span class="s0">padding</span><span class="s6">(</span><span class="s4">5</span><span class="s6">)</span>
              <span class="s1">}</span>
            <span class="s1">}</span><span class="s6">)</span>
          <span class="s1">}</span>
          <span class="s3">.</span><span class="s0">listDirection</span><span class="s6">(</span><span class="s0">Axis</span><span class="s3">.</span><span class="s0">Horizontal</span><span class="s6">)</span>
          <span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;25%&quot;</span><span class="s6">)</span>
          <span class="s3">.</span><span class="s0">scrollBar</span><span class="s6">(</span><span class="s0">BarState</span><span class="s3">.</span><span class="s0">Off</span><span class="s6">)</span>
          <span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">top</span><span class="s3">: </span><span class="s2">&quot;100%&quot; </span><span class="s1">}</span><span class="s6">)</span>
          <span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;96%&quot;</span><span class="s6">)</span>

          <span class="s0">if </span><span class="s6">(</span><span class="s3">!</span><span class="s0">this</span><span class="s3">.</span><span class="s0">bool</span><span class="s6">) </span><span class="s1">{</span>
            <span class="s0">Stack</span><span class="s6">() </span><span class="s1">{</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$r</span><span class="s6">(</span><span class="s2">&quot;app.media.xiangji&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">zIndex</span><span class="s6">(</span><span class="s4">1</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s4">5 </span><span class="s1">}</span><span class="s6">)</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$r</span><span class="s6">(</span><span class="s2">&quot;app.media.yuyin&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">zIndex</span><span class="s6">(</span><span class="s4">1</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s2">&quot;58%&quot; </span><span class="s1">}</span><span class="s6">)</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$r</span><span class="s6">(</span><span class="s2">&quot;app.media.biaoqing&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">zIndex</span><span class="s6">(</span><span class="s4">1</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s2">&quot;70%&quot; </span><span class="s1">}</span><span class="s6">)</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$r</span><span class="s6">(</span><span class="s2">&quot;app.media.tianjia&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">zIndex</span><span class="s6">(</span><span class="s4">1</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s2">&quot;82%&quot; </span><span class="s1">}</span><span class="s6">)</span>
              <span class="s0">TextInput</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">placeholder</span><span class="s3">: </span><span class="s2">&quot;         发送消息&quot;</span><span class="s3">, </span><span class="s0">text</span><span class="s3">: </span><span class="s0">this</span><span class="s3">.</span><span class="s0">message </span><span class="s1">}</span><span class="s6">)</span>
                <span class="s3">.</span><span class="s0">onClick</span><span class="s6">(()</span><span class="s3">=&gt;</span><span class="s1">{</span>
                  <span class="s0">this</span><span class="s3">.</span><span class="s0">bool</span><span class="s3">=</span><span class="s0">true</span>
                <span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;40%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span>
            <span class="s1">}</span><span class="s3">.</span><span class="s0">alignContent</span><span class="s6">(</span><span class="s0">Alignment</span><span class="s3">.</span><span class="s0">Start</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;98%&quot;</span><span class="s6">)</span>
          <span class="s1">}</span>
          <span class="s0">else </span><span class="s1">{</span>
            <span class="s0">Stack</span><span class="s6">() </span><span class="s1">{</span>
            <span class="s0">TextInput</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">placeholder</span><span class="s3">: </span><span class="s2">&quot;发送消息&quot;</span><span class="s3">, </span><span class="s0">text</span><span class="s3">: </span><span class="s0">this</span><span class="s3">.</span><span class="s0">message </span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">onChange</span><span class="s6">(</span><span class="s0">value </span><span class="s3">=&gt; </span><span class="s1">{</span>
              <span class="s0">this</span><span class="s3">.</span><span class="s0">message </span><span class="s3">= </span><span class="s0">value</span>
            <span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;40%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">50</span><span class="s6">)</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$r</span><span class="s6">(</span><span class="s2">&quot;app.media.biaoqing&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">zIndex</span><span class="s6">(</span><span class="s4">1</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">62</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s2">&quot;63%&quot; </span><span class="s1">}</span><span class="s6">)</span>
              <span class="s0">Image</span><span class="s6">(</span><span class="s0">$rawfile</span><span class="s6">(</span><span class="s2">&quot;fasong.jpg&quot;</span><span class="s6">))</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s4">66</span><span class="s6">)</span><span class="s3">.</span><span class="s0">borderRadius</span><span class="s6">(</span><span class="s4">100</span><span class="s6">)</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{ </span><span class="s0">left</span><span class="s3">: </span><span class="s2">&quot;80%&quot; </span><span class="s1">}</span><span class="s6">)</span>
                <span class="s3">.</span><span class="s0">onClick</span><span class="s6">(()</span><span class="s3">=&gt;</span><span class="s1">{</span>
                  <span class="s0">let httpRequest</span><span class="s3">=</span><span class="s0">http</span><span class="s3">.</span><span class="s0">createHttp</span><span class="s6">()</span>
                  <span class="s0">httpRequest</span><span class="s3">.</span><span class="s0">request</span><span class="s6">(</span><span class="s2">&quot;http://192.168.143.7:8080/DouYin&quot;</span><span class="s3">,</span><span class="s1">{</span>
                    <span class="s2">&quot;method&quot;</span><span class="s3">:</span><span class="s0">http</span><span class="s3">.</span><span class="s0">RequestMethod</span><span class="s3">.</span><span class="s0">POST</span><span class="s3">,</span>
                    <span class="s0">header</span><span class="s3">:</span><span class="s1">{</span>
                      <span class="s2">'Content-Type'</span><span class="s3">:</span><span class="s2">'application/json'</span>
                    <span class="s1">}</span><span class="s3">,</span>
                    <span class="s0">extraData</span><span class="s3">:</span><span class="s1">{</span>
                      <span class="s0">HuserId</span><span class="s3">:</span><span class="s0">this</span><span class="s3">.</span><span class="s0">userId</span><span class="s3">.</span><span class="s0">toString</span><span class="s6">()</span><span class="s3">,</span>
                      <span class="s0">userId</span><span class="s3">:</span><span class="s4">0</span><span class="s3">,</span>
                      <span class="s0">content</span><span class="s3">:</span><span class="s0">this</span><span class="s3">.</span><span class="s0">message</span>
                    <span class="s1">}</span>
                  <span class="s1">}</span><span class="s3">,</span><span class="s6">(</span><span class="s0">err</span><span class="s3">:</span><span class="s0">BusinessError</span><span class="s3">,</span><span class="s0">data</span><span class="s3">:</span><span class="s0">http</span><span class="s3">.</span><span class="s0">HttpResponse</span><span class="s6">)</span><span class="s3">=&gt;</span><span class="s1">{</span>
                    <span class="s0">this</span><span class="s3">.</span><span class="s0">search2</span><span class="s6">()</span>
                  <span class="s1">}</span><span class="s6">)</span>
                  <span class="s0">this</span><span class="s3">.</span><span class="s0">message</span><span class="s3">=</span><span class="s2">&quot;&quot;</span>
                <span class="s1">}</span><span class="s6">)</span>
            <span class="s1">}</span><span class="s3">.</span><span class="s0">alignContent</span><span class="s6">(</span><span class="s0">Alignment</span><span class="s3">.</span><span class="s0">Start</span><span class="s6">)</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;98%&quot;</span><span class="s6">)</span>
          <span class="s1">}</span>
        <span class="s1">}</span><span class="s3">.</span><span class="s0">margin</span><span class="s6">(</span><span class="s1">{</span><span class="s0">top</span><span class="s3">:</span><span class="s2">&quot;-95%&quot;</span><span class="s1">}</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;20%&quot;</span><span class="s6">)</span>
      <span class="s1">}</span><span class="s3">.</span><span class="s0">width</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span><span class="s3">.</span><span class="s0">height</span><span class="s6">(</span><span class="s2">&quot;100%&quot;</span><span class="s6">)</span>
    <span class="s1">}</span><span class="s3">.</span><span class="s0">hideTitleBar</span><span class="s6">(</span><span class="s0">true</span><span class="s6">)</span>
  <span class="s1">}</span>
<span class="s1">}</span>

<span class="s5">@</span><span class="s0">Builder</span>
<span class="s0">function buildPageOne</span><span class="s6">()</span><span class="s1">{</span>
  <span class="s0">pageOne</span><span class="s6">()</span>
<span class="s1">}</span></pre>
</body>
</html>